なぜJavaScriptのfetchはawaitを2回しないとレスポンスを取れないのか

なぜJavaScriptのfetchはawaitを2回しないとレスポンスを取れないのか | maguro.dev

fetchが2回awaitを必要とする理由の整理

code:js

// 1回目の await: レスポンスヘッダが届くまで待つ

// この時点でヘッダにはアクセスできる

console.log(resp.status);

console.log(resp.headers.get("Content-Type"));

// 2回目の await: レスポンスボディを読み取る

const users = await resp.json();

code:js

// 仮想的なAPI: 1回のawaitでボディまで取得

const { headers, body } = await fetch("https://api.example.com/users");

SSE、ストリーミングレスポンスにおける未完了ボディ問題の回避

axios、ky、gotなど他HTTPクライアントとの設計比較